<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<!--<meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
	<script src="../assets/flexible/flexible.debug.js"></script>
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../assets/swiper/css/swiper.css"/>
	<link rel="stylesheet" type="text/css" href="../css/first.css"/>
</head>
<body>
	<header class="header">
		<span class="left"></span>
		<span class="center">礼物榜</span>
		<span class="right"><img src="../images/fa.png"/></span>
	</header>
	
	<section class="section">
			<ul class="uls">
				<li class="lis nav_one">每日推荐</li>
				<li class="lis">TOP100</li>
				<li class="lis">独立原创榜</li>
			</ul>
		</section>
		<section class="list">
			 <div class="swiper-container con">
        <div class="swiper-wrapper">
            <div class="swiper-slide dls">
            	<script type="text/html" id="template_list">
            		{{each list v}}
		            	<dl>
		            		<dt><img src="{{v.imgs}}"/></dt>
		            		<dd>
		            			<h2>{{v.h2}}</h2>
		            			<p>{{v.p}}</p>
		            			<span>{{v.span}}</span>
		            		</dd>
		            	</dl>
            	{{/each}}
            	</script>
            	<!--<dl>
            		<dt><img src="../images/ql.png"/></dt>
            		<dd>
            			<h2>做一对酷酷的情侣</h2>
            			<p>两针一线，定制皮质情侣手环</p>
            			<span>￥29</span>
            		</dd>
            	</dl>-->
            </div>
            <div class="swiper-slide dl_s">
            	
            	<script type="text/html" id="template_Top">
            		{{each top v}}
	            		<div class="TOP">
		            		<img src="{{v.img}}"/>
		            	</div>
		            	<dl>
		            		<dt><img src="{{v.imgs}}"/></dt>
		            		<dd>
		            			<h2><span>{{v.span1}}</span>{{v.h2}}</h2>
		            			<p>{{v.p}}</p>
		            			<span>{{v.span}}</span>
		            		</dd>
		            	</dl>
            	{{/each}}
            	</script>
            </div>
            <div class="swiper-slide dl_du">
            	<script type="text/html" id="template_du">
            		{{each du v}}
	            		<div class="TOP">
		            		<img src="{{v.img}}"/>
		            	</div>
		            	<dl>
		            		<dt><img src="{{v.imgs}}"/></dt>
		            		<dd>
		            			<h2>{{v.h2}}</h2>
		            			<p>{{v.p}}</p>
		            			<span>{{v.span}}</span>
		            		</dd>
		            	</dl>
            	{{/each}}
            	</script>
            </div>
        </div>
        <!-- Add Pagination -->
        <!--<div class="swiper-pagination"></div>-->
        <!-- Add Arrows -->
        <!--<div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>-->
    </div>

		</section>
		
		
		<footer class="footer">
			<a href="../index.html">
			<dl class="dl">
				<dt><img src="../images/shou1.png"/></dt>
				<dd >首页</dd>
			</dl></a>
			<a href="javascript:">
			<dl  class="dl xuan">
				<dt><img src="../images/dan.png"/></dt>
				<dd>榜单</dd>
			</dl></a>
			<a href="fen.html">
			<dl  class="dl">
				<dt><img src="../images/fen.png"/></dt>
				<dd>分类</dd>
			</dl></a>
			<a href="wo.html">
			<dl  class="dl">
				<dt><img src="../images/wo.png"/></dt>
				<dd>我的</dd>
			</dl></a>
		</footer>
	<script src="../assets/jquery/jquery-3.2.1.js"></script>
	<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../assets/artTemplate/template-web.js"></script>
	<script src="../js/first.js"></script>
</body>
</html>